/* ------ CSS Namespaces

.z-     : Zero margin / padding
.h-     : Headings
.f-     : Fonts
.b-     : Floats for .box
.rr-    : ResponsiveReel (slideshow)
.bp-X-  : Apply at breakpoint X only
.br-    : Browser frames (work)
.icon-  : Font Awesome (icons)
.g-		: Grid (columns)

/* ------ Swatches

#160927 : Black
#891434 : Maroon
#B9C025	: Green
#626975	: Grey
#DBDBDB : Light Grey

---------------------------------------*/
/**
* Imports
**/
@import 'css/reset';
.bgcolor {
   background-color: rgb(241, 238, 238);
} 
body {
    background-color: rgb(241, 238, 238);
          border-top: .5em solid #0D3904;
    
}
.container {
    background-color: white;
           max-width: 1280px;
            overflow: hidden;
              margin: 0 auto;
}
.cf {
                zoom: 1;
}
.pad, .pad-right {
    padding-right: 5%;
}
.pad, .pad-left {
    padding-left: 5%;
}
.clearfix {
  *zoom: 1;
}

.clearfix:before,
.clearfix:after {
  display: table;
  line-height: 0;
  content: "";
}

.clearfix:after {
  clear: both;
}
/** Header Section **/
#header {
    .bgcolor;
}

#logo {
    float: left;
    height: 85px;
}
.main-nav {
    float: right;
    
    ul {
        margin: -6px 0 0;
        
        li {
            float: left;
            position: relative;
            
        }
        li a {
            font-family: 'Nunito', sans-serif;
            padding: 60px 20px 10px 20px;
            display: block;
            text-transform: uppercase;
            font-size: 22px;
        }
    }
}